<template>
	<div>
		<div class="title">
			周末去哪儿
		</div>
		<ul>
			<li class="item border-bottom" v-for="item in list">
				<div class="item-img-wrapper">
           <img class="item-img" :src="item.imgUrl">    
        </div>
				
				<div class="item-info">
					<p class="item-title">{{item.title}}</p>
					<p class="item-desc">{{item.desc}}</p>
					
				</div>
			</li>
		</ul>
	</div>
</template>

<script>
	export default{
         name:'HomeWeekend',
         props:{
            list:Array
         },
         data () {
         	return {
         		recommentList:[{
         			id:'0001',
         			imgUrl:'http://img1.qunarzz.com/sight/source/1606/85/c6b6bad1b977e.jpg_r_640x214_5c638941.jpg',
         			title:'上海迪士尼乐园',
         			desc:'来玩啊'
         		},
         		{
         			id:'0002',
         			imgUrl:'http://img1.qunarzz.com/sight/source/1505/53/02091f1ee43d0a.jpg_r_640x214_2e3256b1.jpg',
         			title:'上海迪士尼乐园',
         			desc:'来玩啊'
         		},
         		{
         			id:'0003',
         			imgUrl:'http://img1.qunarzz.com/sight/source/1505/9e/21df651e19af5d.jpg_r_640x214_3ea5bb38.jpg',
         			title:'上海迪士尼乐园',
         			desc:'来玩啊'
         		}
         		]
         	}
         }
	}
</script>

<style lang="stylus" scoped>
    @import '~styles/mixins.styl'
    .title
   
       line-height:.8rem
       background:#eee
       text-indent:.2rem
     .item-img-wrapper
        overflow: hidden
        height:0
        padding-bottom:33.9%
     .item-img
        width:100%
     
     .item-info
        padding: .1rem 
       .item-title
           line-height:.54rem
           font-size:.32rem
           ellipsis()
       .item-desc
           line-height:.4rem
           font-size:.28rem
           color:#ccc
           ellipsis()
        


	

</style>